<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/views/common/taglibs.jsp"%>
<%@taglib prefix="mac" tagdir="/WEB-INF/tags" %>

<mac:layout>
    <jsp:attribute name="titulo" >
        <spring:message code="aplicacion.titulo"/>
    </jsp:attribute>
    <jsp:attribute name="scripts" >
     <script type="text/javascript" src="<c:url value='/javascript/app/common/Tesis.loading.js'/>"></script>
     <script type="text/javascript" src="<c:url value='/javascript/app/apCliente/list-table-instanciaEstaciones.js'/>"></script>
     <script type="text/javascript" src="<c:url value='/javascript/app/apCliente/list-table-procesos.js'/>"></script>
     <script type="text/javascript">
           
    var messagesEstaciones={
                instanciasTable:{
                    columna:{
                        accion:'<spring:message code="comun.acciones"/>',
                        conforme:'<spring:message code="calificacion.columna.conforme"/>',
                        cantidad:'<spring:message code="calificacion.columna.cantidad.respuestas"/>'
                    },
                    paginacion:{
                        filasxpagina:'<spring:message code="comun.filasxpagina"/>',
                        inicio:'<spring:message code="comun.tablefooter.inicio"/>',
                        fin:'<spring:message code="comun.tablefooter.fin"/>',
                        anterior:'<spring:message code="comun.tablefooter.anterior"/>',
                        siguiente:'<spring:message code="comun.tablefooter.siguiente"/>'
                    },
                    totalRegistros: '<spring:message code="comun.bandeja.resultado.registros"/>'
                },
                sinAtenciones:'<spring:message code="calificacion.bandeja.sin.atenciones"/>',
                rangoFechas:'<spring:message code="consolidado.validacion.fechaDesde"/>'

            };  
         
         var messagesProcesos={
                procesosTable:{
                    columna:{
                        accion:'<spring:message code="comun.acciones"/>',
                        conforme:'<spring:message code="calificacion.columna.conforme"/>',
                        cantidad:'<spring:message code="calificacion.columna.cantidad.respuestas"/>'
                    },
                    paginacion:{
                        filasxpagina:'<spring:message code="comun.filasxpagina"/>',
                        inicio:'<spring:message code="comun.tablefooter.inicio"/>',
                        fin:'<spring:message code="comun.tablefooter.fin"/>',
                        anterior:'<spring:message code="comun.tablefooter.anterior"/>',
                        siguiente:'<spring:message code="comun.tablefooter.siguiente"/>'
                    },
                    totalRegistros: '<spring:message code="comun.bandeja.resultado.registros"/>'
                },
                sinAtenciones:'<spring:message code="calificacion.bandeja.sin.atenciones"/>',
                rangoFechas:'<spring:message code="consolidado.validacion.fechaDesde"/>'

            };  
            
           var  instanciasTable;
           var procesoTable;
            
            YAHOO.util.Event.addListener(window, 'load', function() {
                  instanciasTable  = new YAHOO.Tesis.modelador.instanciasEstacionesTable("instanciasEstacionesTable", messagesEstaciones); 
                  //instanciasTable.recargarData();
                   
                  procesoTable  = new YAHOO.Tesis.modelador.procesosTable("procesosTable", messagesProcesos); 
                  
            });   
      
      
    $(document).ready(function(){
        
       $("#procesosTable").hide(); 
       $("#apClienteDTO").submit(function(){
             return false;
        });
        $("#btnbuscar").click(function(){
            
            if ($("#trBusqueda").is(":visible")){
                instanciasTable.recargarData();
            }else{
                procesoTable.recargarData();
            }                        
            
        });
        
        
        
    }); 
   

        </script>

    </jsp:attribute>
      <jsp:attribute name="dialogs">
        <div id="appUserForm" class="yui-pe-content" >

        </div>
        <!--CONFIRMAR-->
        <div id="dialog-confirm" title="Confirmar" style="display: none;"><p id="popupConfirm"></p></div>   
    </jsp:attribute>
    
<jsp:body>
    
  <div class="group-panel">
    <table width="100%" class="formTable">
    <tr>
        <td width="10%" id="tdSup">
            <fieldset>
                <div class="hd">Explorador</div>
                <div class="bd">
                    <div class="detalle-componente">
                         <%@ include file="/WEB-INF/views/apCliente/explorador.jsp"%>
                    </div>    
                </div>  
            </fieldset>                            
        </td>
        <td width="1%"></td>
        <td>
        <fieldset>
            <div class="hd">
                Bandeja de entrada
            </div>
            <div class="bandeja-entrada">
                <div> 
                <table class="formAtencionTable">
                    
                    <form:form modelAttribute="apClienteDTO" method="post" action="calificacion/find">
                        <tr id="trBusqueda">
                        <td>
                               <label>Nombre de proceso: </label><form:input path= "nombreProceso" maxlength="45" class="longInputWidth"/>
                        <form:input path= "nombreEstadoEstacion" hidden = "true"  />
                        <form:input path = "idUsuarioDTO" hidden = "true"/>
                        </td>
                        <td><button id="btnbuscar" class="rojo">Buscar</button></td>
                        </tr>
                     </form:form>
                      
                </table>
                </div>
                <div id="instanciasEstacionesTable" class="tableWidth100"></div>
                <div id="instanciasPaginator" class="tableWidth100"></div>
                <div id="procesosTable" class="tableWidth100"></div>
                <div id="procesosPaginator" class="tableWidth100"></div>
                </div>
                <br/>
                <br/>
            </div>
        </fieldset>
    </td>
    </tr>
    </table>
  </div>
                        
</jsp:body>
</mac:layout>
